/*
 * File: d:\works\admin.jswei.cn\src\assets\base.scss
 * Created Date: 2018-05-10 9:14:26
 * Author: 魏巍
 * -----
 * Last Modified: 魏巍
 * Modified By: 2019-01-20 2:49:39
 * -----
 * Copyright (c) 2018 魏巍
 * ------
 * All shall be well and all shall be well and all manner of things shall be well.
 * We're doomed!
 */

$baseColor:#ffffff #000000 #777 #409EFF #3c763d #d9edf7 #a94442;
$range: (muted:#777, primary:#409EFF, success: #3c763d, info:#d9edf7, warning:#8a6d3b, danger: #a94442);
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

// ::-webkit-scrollbar {
//     width: 6px;
//     height: 6px;
//     background-color: rgb(241, 239, 239);
// }

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background-color: rgb(214, 212, 212);
}

::selection {
    color: nth($baseColor, 1);
    background: nth($baseColor, 7);
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clearfix {
    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

.hide {
    display: none;
}

.show {
    display: block;
}

.pointer {
    cursor: pointer;
}

hr {
    border-top: 1px solid #dcdfe6;
    border-bottom: 0;
}

$px: 0,
1,
2,
3,
4,
5,
6,
7,
8,
9,
10,
15,
20,
30,
35;
$_width: 0,
10,
15,
16,
18,
20,
25,
30,
35,
40,
45,
50,
55,
60,
66,
70,
75,
80,
85,
90,
95,
100;
@each $x in $px {
    .mt-#{$x} {
        margin-top:#{$x}px !important;
    }
    .mb-#{$x} {
        margin-bottom:#{$x}px !important;
    }
    .ml-#{$x} {
        margin-left:#{$x}px !important;
    }
    .mr-#{$x} {
        margin-right:#{$x}px !important;
    }
    .pt-#{$x} {
        padding-top:#{$x}px !important;
    }
    .pb-#{$x} {
        padding-bottom:#{$x}px !important;
    }
    .pl-#{$x} {
        padding-left:#{$x}px !important;
    }
    .pr-#{$x} {
        padding-right:#{$x}px !important;
    }
    .right-#{$x} {
        right:#{$x}px !important;
    }
}

@each $x in $_width {
    .w-#{$x} {
        width:#{$x}% !important;
    }
    .h-#{$x} {
        height:#{$x}% !important;
    }
}

$__width: 0,
10,
15,
16,
18,
20,
25,
30,
35,
40,
45,
50,
55,
60,
66,
70,
75,
80,
85,
90,
95,
100,
120,
150,
200,
220,
250;
@each $x in $__width {
    .w-#{$x}-px {
        width:#{$x}px !important;
    }
    .h-#{$x}-px {
        height:#{$x}px !important;
    }
}

@each $index,
$number in $range {
    .text-#{$index} {
        color: $number;
    }
    .bg-#{$index} {
        color: $number;
    }
}
